/** Add css rules here for your application. */
body {
  background-color: white;
  font-family: GB2312, Helvetica, Arial, sans-serif;
  margin: 5px 5px 5px 5px;
  font-size: 10px;
}

/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.table{
	background: white;
}

.SinkList {
	background: #4B8CDC;
	color: white;
	text-align: center;
}

.SinkList a {
	text-decoration: none;
	color: white;
}

.SinkItem {
	background: #D3E3F7;
	color: white;
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	line-height: 24px;
	bottom: 5px;
	cursor: hand;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 3px;
}

.SinkItem a {
	text-decoration: none;
	color: #4B8CDC;
}

.SinkItem-selected {
	background: #4B8CDC;
	color: white;
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	line-height: 24px;
	cursor: hand;
}

.SinkItem-selected a {
	text-decoration: none;
	color: white;
}

.SinkItem-show {
	background: #4B8CDC;
	color: white;
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	line-height: 24px;
	cursor: hand;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 3px;
}

.SinkItem-show a {
	text-decoration: none;
	color: white;
}

.sink {
	background: #D3E3F7;
	border-width: 4px;
	border-style: solid;
	border-color: #4B8CDC;
}